<!-- Vtrading 3周年活动弹窗 -->
<template>
  <div class="bg">
    <div class='content'>
      <LImage class='image' :src="url + '3VtradingDialog.png'"></LImage>
      <div class="close" @click="closeClick"></div>
      <div class="join" @click="joinClick"></div>
    </div>
  </div>
</template>

<script>


//功能
import navigator from "@/_js/navigator"; 
import config from "@/_js/config"; 

export default {

  data() {
    return {
      config:config,
      url:'https://weex.obs.cn-south-1.myhuaweicloud.com/image/active2103/',

    };
  },

  mounted(){
  },

  methods:{

    /**********************************************点击*/
    //关闭
    closeClick() {
      navigator.dismiss();
    },

    //参加
    joinClick() {
      navigator.dismiss();
      navigator.open('Vtrading三周年K歌赛', "active2103/ActiveVtrading");
    },
  }
}
</script>



<style src="@/_css/style.css"></style>
<style scoped>
.bg {
  flex: 1;
  flex-direction: column;
  justify-content: center;
  align-items: center;

  background-color:rgba(0, 0, 0, 0.6);
}
.content {
  flex-direction: row;
  justify-content: center;
}
.image {
  width: 600px;
  height: 740px;
}
.close {
  position: absolute;
  width: 60px;
  height: 60px;

  bottom: 0;
}
.join {
  position: absolute;
  width: 350px;
  height: 90px;

  bottom: 90px;
}
</style>
